<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>

	<style type="text/css">
	
		 #container{
				clear: both;
				width:800px;
				margin-left: auto;
				margin-right: auto;
				height: 800px;
			}
			#herder{
				height: 20%;
			background-color: #7FFF00;
			}
			#center{
				height: 60%;
				align-content: center;
			}
			#footer{
				height: 20%;
				background: coral;
			}
			#left{
				width: 15%;
				height: 100%;
				float: left;
				background-color:blanchedalmond;
			}
			#right{
				width: 85%;
				height: 100%;
				float: left;
				background-color: blueviolet;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<div id="herder">
				头
			</div>
			<div id="center">
				<div id="left">left</div>
				<div id="right">right</div>
			</div>
			<div id="footer">
				尾
			</div>
		</div>

	</body>
</html>
